import React from 'react';

export default class Nav extends React.Component {
    cart() {
        return (
            <a href={"cart.html?appid=" + this.props.appId} className="cart">
                <img className="shopping-car" src="images/shopping_car.png" alt=""/>
                <div>购物车</div>
            </a>
        )
    };

    order(){
        return(
            <a href={"order.html?appid=" + this.props.appId} className="order">
                <img className="booking" src="images/booking.png" alt=""/>
                <div>订单</div>
            </a>
        )
    }
    address() {
        return (
            <a href={"address.html?appid=" + this.props.appId} className="address">
                <img className="map" src="images/map.png" alt=""/>
                <div>地址</div>
            </a>
        )
    };

    render() {
        return (
            <ul className="nav-list">
                <li>{this.address()}</li>
                <li>{this.order()}</li>
                <li>{this.cart()}</li>
            </ul>
        )
    }
};